<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title></title>
    <script src="static/jquery/jquery-3.1.0.min.js"></script>
</head>
<body>
<h2>这是一个标题</h2>
<p style="background-color: #ff1c1c">第一个段落</p>
<p style="background-color: #00BB00">第二个段落</p>
<p style="background-color: navy">第三个段落</p>
<p>最后一个段落</p>
<button>为P元素设置多个CSS样式</button>
</body>
<script>
    $(document).ready(function () {
        $("button").click(function () {
            $("p").css({"background-color":"yellow","font-size":"200%"});
        });//end click
    });//end ready
</script>
</html>